<template>
    <div class="my">
     <div class="top"> <div class="left"></div>
         <div class="center"></div>
         <div class="right"></div></div>
     <div class="nr">
        
     </div>
        <van-button type="primary" size="large">大号按钮</van-button>
    </div>
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    mounted() {
        
    },
    updated() {
        
    },
    deactivated() {
        
    },
}
</script>
<style  scoped>
    .my{
        width: 10rem;
        background: yellowgreen;
        height: 17.786667rem;
    }
    .top{
        height: 1.2rem;
        width: 10rem;
        background: white;
        
    }
    .left{
        width: 1.066667rem;
        height: 1.173333rem;
        background: red;
    }
    .right{
        width: 1.066667rem;
        height: 1.173333rem;
        background: red;  
    }
</style>